<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业</title>
		<script src="../js/jquery-1.11.1.js"></script>
		<style>
			button{
				padding: 11px 21px;
			}
			div{
				width: 450px;
				height: 300px;
				background-color: #efef00;
				line-height: 300px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<button id="Jan">tab01</button>
		<button id="Feb">tab02</button>
		<button id="Wed">tab03</button>
		<div id="Apr"></div>
		<script>
			$("#Jan").click(function(){
				$("#Jan").css("background-color","#efef00");
				$("#Wed").css("background-color","#fff");
				$("#Feb").css("background-color","#fff");
				$("#Apr").text("tab文字内容1");
			});
			$("#Feb").click(function(){
				$("#Feb").css("background-color","#efef00");
				$("#Jan").css("background-color","#fff");
				$("#Wed").css("background-color","#fff");
				$("#Apr").text("tab文字内容2");
			});
			$("#Wed").click(function(){
				$("#Wed").css("background-color","#efef00");
				$("#Feb").css("background-color","#fff");
				$("#Jan").css("background-color","#fff");
				$("#Apr").text("tab文字内容3");
			});
		</script>
	</body>
</html>